<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种样式表引用方式</title>
		<style>
			/* css3注释 */
			/* css3样式写法 
			选中一个元素，给元素添加效果  表示：一个样式
			语法: 选择器{
				属性:属性值;
				属性:属性值;
			   }
			*/
		   p{
			width: 200px;
			height: 200px;
			background:#ffaaff;
		   }
		   
		</style>
	</head>
	<body>
		<!--①内联样式表 语法 ：style"属性：属性值；属性:属性值;-->
		<!--很少使用 css出现目的:实现内容与表现分离-->
		<div style="width: 200px;height: 200px;background: red;"></div>
		<!-- ②内部样式表  语法：head元素中，加styel元素--加属性：属性值;-->
		<!--较少使用，主要是用过练习，没有完全实现内容与表现分离-->
	</body>
</html>